<template>
  <baidu-map class="map" center="云南省昆明市" scroll-wheel-zoom=true >
      <bm-scale anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-scale>
     <bm-marker :position="{lng: 102.794094, lat: 24.851442}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="杜家镇医院项目超期15%" :labelStyle="{color: 'blue', fontSize : '12px'}" :offset="{width: -35, height: 30}"/>
    </bm-marker>
    <bm-marker :position="{lng: 103.033259, lat: 24.917}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="黑龙山小学项目超额20%" :labelStyle="{color: 'blue', fontSize : '12px'}" :offset="{width: -35, height: 30}"/>
    </bm-marker>
    <bm-marker :position="{lng: 102.705845, lat: 24.937447}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="福保项目超额28%" :labelStyle="{color: 'blue', fontSize : '12px'}" :offset="{width: -35, height: 30}"/>
    </bm-marker>
  </baidu-map>
</template>
<style>
.map {
  width: 100%;
  height: 800px;
}
</style>

